@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color:#39ac37;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{ width: 100%; border-collapse:collapse;}
table tr,table td{ width: 100%; border: solid 1px #eee; }
.fl{ float:left;}
.fr{ float:right;}
input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}


@font-face {font-family:'BebasNeue'; src: url('../font/BebasNeue-Regular-3.ttf') format('truetype'); }
.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#39ac37; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.c1200{ width: 1200px; margin:0 auto;}

/*header*/
.header{width: 100%;min-width: 1200px; height: 80px; position: fixed;top: 0;left: 0;z-index: 99;padding: 20px 0;transition: all 0.6s ease;background-color: rgba(0,0,0,0);}
.headerLogo a{display: block; width: 198px; margin: 8px 0; height:64px;background: url(../images/logo.png) center center no-repeat;transition: all 0.6s ease;}
.header .nav{}
.header .nav .nLi{display: inline-block;position: relative; margin-left: 30px;}
.header .nav .nLi:first-child{ margin-left: 0;}
.header .nav .nLi h3{padding: 15px 0;box-sizing: border-box;}
.header .nav .nLi h3 a{ display:block; font-size:16px; line-height: 30px; color:#fff;font-weight: normal;padding: 10px 0;box-sizing: border-box;border-radius: 20px;transition: all 0.6s ease;}
.header .nav .sub{ display:none; position:absolute;top:70px;z-index: 999;transform: translateX(-50%);left: 50%;width: 150px;background-color:#FFFFFF;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);}
.header .nav .sub li{border-bottom: 1px solid #eee;}
.header .nav .sub li:last-child{border-bottom: 0;}
.header .nav .sub a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: uppercase;}
.header .nav .sub a:hover{color: #fff;background-color:#39ac37;}
.header .nav .nLi:hover h3 a{color: #39ac37;font-weight: bold;}
.header .nav .nLi#seced h3 a{color: #39ac37;font-weight: bold;}

.is-fixed{background-color: #fff;box-shadow: 0 0 18px rgba(0,0,0,0.1); padding: 0 0;}
.is-fixed .headerLogo a{background: url(../images/logo1.png) center center no-repeat !important;}
.is-fixed .nav .nLi h3 a{color: #333 ;}
.is-fixed .nav .nLi:hover h3 a{color: #39ac37 ;}
.is-fixed .nav .nLi#seced h3 a{color: #39ac37 ;}

/*indexBanner*/
.indexBanner{width: 100%; height:730px; z-index:1;overflow: hidden; position: relative; min-width: 1200px; box-sizing: border-box;}
.indexBanner .bd{ position: relative;z-index: 0;}
.indexBanner .bd ul{width:100% !important;}
.indexBanner .bd li{width:100% !important; height:730px; overflow:hidden; text-align:center; }
.indexBanner .bd li a{display:block; width:100% ; height:730px;}
.indexBanner .hd{position:absolute;z-index:1;bottom:30px;left:0;right: 0;margin: auto;}
.indexBanner .hd ul{display: table;margin: auto; }
.indexBanner .hd ul li{display:inline-block;width:10px;height:10px;margin:0 14px; background-color: #fff;position: relative;font-size: 0; cursor: pointer;transform: rotate(45deg);}
.indexBanner .hd ul li::after{content: '';width: 18px;height: 18px;position: absolute;top: -4px;left: -4px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;transition: all 0.6s ease;}
.indexBanner .hd ul li.on::after{border: 1px solid #fff;}
.indexBanner .prev,.indexBanner .next{display:block; width:50px; height:50px;  position:absolute; z-index:22; top:50%; overflow:hidden; cursor:pointer; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); transition: all 0.8s ease; margin-top: -25px;}
.indexBanner .prev{left:-50px; background:rgba(255,255,255,0.4) url(../images/arrow-left.png) center center no-repeat;}
.indexBanner .next{right:-50px; background:rgba(255,255,255,0.4) url(../images/arrow-right.png) center center no-repeat;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #39ac37; }
.indexBanner:hover .prev{ left: 100px;}
.indexBanner:hover .next{ right: 100px;}


/*indexAbout*/
.indexAbout{width: 100%;background: url("../images/index-bg.jpg") center center;padding: 80px 0;box-sizing: border-box;}
.indexAbout .cont{float: left;width: 640px;}
.indexAbout .cont h3{font-size: 36px;color: #39ac37;margin-bottom: 20px;}
.indexAbout .cont .text{font-size: 16px;line-height: 36px;color: #666666;}
.indexAbout .cont h5{font-size: 24px;color: #39ac37;font-weight: normal;line-height: 30px;position: relative;padding-left: 40px;margin-top: 14px;}
.indexAbout .cont h5::after{content: '';width: 30px;height: 30px;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.indexAbout .cont h5:nth-of-type(1)::after{background: url('../images/icon-about.png') 0 0 no-repeat;}
.indexAbout .cont h5:nth-of-type(2)::after{background: url('../images/icon-about.png') -30px 0 no-repeat;}
.indexAbout .cont h5:nth-of-type(3)::after{background: url('../images/icon-about.png') -60px 0 no-repeat;}
.indexAbout .cont h5:nth-of-type(4)::after{background: url('../images/icon-about.png') -90px 0 no-repeat;}
.indexAbout .cont p{font-size: 16px;line-height: 30px;color: #999999;margin-top: 14px;}
.indexAbout .img{width: 460px;height: 540px;overflow: hidden;float: right;}
.indexAbout .img img{width: 100%;}
.indexAbout .indexHonor{ width:100%;position:relative;margin-top: 60px;}
.indexAbout .indexHonor .hd a{display: block;width: 36px;height: 36px;border-radius: 50%;cursor:pointer;transition: all 0.6s ease;z-index: 9;}
.indexAbout .indexHonor .hd .prev{background: #d8d8d8 url("../images/arrow-left.png") center center no-repeat;position: absolute;left: -66px;top: 82px;background-size: 10px 18px;}
.indexAbout .indexHonor .hd .next{background: #d8d8d8 url("../images/arrow-right.png") center center no-repeat;position: absolute;right: -66px;top: 82px;background-size: 10px 18px;}
.indexAbout .indexHonor .hd a:hover{background-color: #39ac37;}
.indexAbout .indexHonor .bd{overflow: hidden;width: 100%;}
.indexAbout .indexHonor .bd ul{width: 100%;}
.indexAbout .indexHonor .bd ul li{float:left;width: 280px;height: 190px;border: 1px solid #ddd;overflow: hidden;margin-right: 24px;transition:all 0.6s ease; position: relative;}
.indexAbout .indexHonor .bd ul li img{width: 280px;height: 190px; position: relative; z-index: 1;}
.indexAbout .indexHonor .bd ul li p{ width: 250px; padding: 15px; background-color: rgba(57,172,55,0.9); text-align: center; line-height: 20px; font-size: 14px; color: #fff; position: absolute; bottom: 0; left: 0; transition:all 0.6s ease; z-index: 2; transform: translateY(100%);}
.indexAbout .indexHonor .bd ul li:hover{border: 1px solid #39ac37;}
.indexAbout .indexHonor .bd ul li:hover p{ transform: translateY(0);}
@media screen and (max-width: 1300px) {
.indexAbout .indexHonor .hd .prev{left: 0;}
.indexAbout .indexHonor .hd .next{right: 0;} 
}

.indexMore{display: block;	width: 160px;height: 44px;border-radius: 22px;border: solid 1px #39ac37;position: relative;font-size: 14px;line-height:44px;color: #39ac37;padding-left: 66px;box-sizing: border-box;margin-top: 26px;transition: all 0.6s ease;}
.indexMore::after{content: '';width: 20px;height: 2px;background-color: #39ac37;position: absolute;top: 0;left:38px;bottom: 0;margin: auto;transition: all 0.6s ease;}
.indexMore:hover{background-color: #39ac37;color: #fff;}
.indexMore:hover::after{background-color: #fff;}


/*indexAdvantage*/
.indexAdvantage{width: 100%;background: url("../images/index-bg11.jpg") center center no-repeat fixed; position: relative;background-size: 100% 100%;}
.indexAdvantage .AdvantageBox{width: 100%; display: flex;justify-content: center;align-items: center; padding: 40px 0;}
.indexAdvantage .AdvantageBox dl{ margin: 0 20px;}
.indexAdvantage .AdvantageBox dl:first-child{margin: 0 20px 0 0;}
.indexAdvantage .AdvantageBox dl:last-child{margin: 0 0 0 20px;}
.indexAdvantage .AdvantageBox dl dt{ margin: auto; text-align: center;}
.indexAdvantage .AdvantageBox dl dt b{font-size: 60px;color: #fff; line-height: 50px; font-family:'BebasNeue'; letter-spacing: 3px;}
.indexAdvantage .AdvantageBox dl dt span{font-size: 14px;color: #fff; margin-left: 5px; font-weight: bold;}
.indexAdvantage .AdvantageBox dl dd{font-size: 14px;color: #fff; font-weight: bold;}
.indexAdvantage h3{font-size: 36px;color: #ffffff;position: absolute;top: 220px;right: 0;left: 0;margin: auto;padding-left: 340px;box-sizing: border-box;z-index: 1;width: 1200px;}

.advantage{width: 100%; margin: auto; height: 490px; position: relative;}

.advantage .parHd{background:#fff;width: 240px;position: absolute; top: 0; right: 50%; margin-right: 360px; z-index: 2;}
.advantage .parHd ul{width: 100%;height: 490px;box-shadow: 0 0 16px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 16px rgba(0,0,0,0.1);}
.advantage .parHd ul li{cursor:pointer;font-size: 18px;color: #666;border-bottom: 1px solid #ddd;padding: 24px 25px ;box-sizing: border-box;}
.advantage .parHd ul li:last-child{border-bottom: none;}
.advantage .parHd ul li p{font-size: 14px;color: #666;text-transform: uppercase;margin-top: 4px;}
.advantage .parHd ul li.on{color: #39ac37;}
.advantage .parHd ul li.on p{color: #39ac37;}

.advantage .parBd{width:100%;height: 490px;}
.advantage .parBd .advantageList{width:100%;height: 490px;position: relative;background-size: 81.25% 490px !important;}
.advantage .parBd .advantageList .box{ width: 740px; padding:180px 120px 0 340px; margin: auto;}
.advantage .parBd .advantageList .box h4{font-size: 24px;font-weight: normal;color: #ffffff;position: relative;padding-bottom: 20px;box-sizing: border-box;}
.advantage .parBd .advantageList .box h4::after{content: '';width: 56px;height: 2px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;}
.advantage .parBd .advantageList .box .text{margin-top: 30px; font-size: 16px;line-height: 30px;color: #ffffff; height: 90px; overflow: hidden;}
.advantage .parBd .advantageList .box .text img{ max-width: 100%; display: none;}
.advantage .parBd .advantageList .box a{font-size: 14px;color: #fff;position: relative;display: block;padding-left: 30px;box-sizing: border-box;margin-top: 30px;transition: all 0.6s ease;}
.advantage .parBd .advantageList .box a::after{content: '';width: 20px;height: 2px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;top: 0;margin: auto;transition: all 0.6s ease;}
.advantage .parBd .advantageList .box a:hover{color: #39ac37;}
.advantage .parBd .advantageList .box a:hover::after{background-color: #39ac37;}


/*indexBase*/
.indexBase{width: 100%;background: url("../images/index-bg3.jpg") center center no-repeat fixed;padding: 120px 0;box-sizing: border-box; position: relative;}
.indexBase h3{font-size: 36px;color: #39ac37;text-align: center;}
.indexBase .base{margin-top:50px;width: 100%;}
.indexBase .base .hd ul{display: table;margin: auto;}
.indexBase .base .hd ul li{display: inline-block;cursor:pointer;font-size: 16px;line-height: 16px;color: #333;position: relative;transition: all 0.6s ease;margin: 0 34px;border: 1px solid rgba(0,0,0,0);padding: 14px 42px 14px 74px;box-sizing: border-box;border-radius: 30px;}
.indexBase .base .hd ul li::after{content: '';width: 22px;height: 18px;background: url("../images/icon-jd1.png") center center no-repeat;position: absolute;bottom: 0;left: 42px;top: 0;margin: auto;transition: all 0.6s ease;}
.indexBase .base .hd ul li.on{color: #39ac37;border: 1px solid #39ac37;}
.indexBase .base .hd ul li.on::after{background: url("../images/icon-jd.png") center center no-repeat;}
.indexBase .base .bd .cont{width: 1070px;margin: 40px auto 0;}
.indexBase .base .bd .cont div{font-size: 14px;line-height: 30px;color: #333333;text-align: center;position: relative;width: 100%;padding: 0 40px;box-sizing: border-box;}
.indexBase .base .bd .cont div::after{content: '';width: 20px;height: 18px;background: url("../images/icon-syh1.png") center center no-repeat;position: absolute;top: 0;left: 0;}
.indexBase .base .bd .cont div::before{content: '';width: 20px;height: 18px;background: url("../images/icon-xyh1.png") center center no-repeat;position: absolute;bottom: 0;right: 0;}
.indexBase .base .bd .cont div img{max-width: 100%;}
.indexBase .base .bd .cont .indexMore{margin: 60px auto 0;}

/*indexNews*/
.indexNews{width: 100%;background-color: #fff; padding: 100px 0; position: relative;}
.indexNews h3{font-size: 36px;color: #39ac37; line-height: 30px;}
.indexNews .contBox{margin-top: 60px; position: relative; width: 100%;}
.indexNews .contBox .cont{width: 540px;height: 310px;position: relative;float: left;}
.indexNews .contBox .cont .img{width: 540px;height: 310px;overflow: hidden;}
.indexNews .contBox .cont .img img{width: 100%;transition: all 0.6s ease;}
.indexNews .contBox .cont .text{background-color: #39ac37;width: 100%;position: absolute;bottom: 0;left: 0;padding: 14px 20px 14px 30px;box-sizing: border-box;transition: all 0.6s ease;}
.indexNews .contBox .cont .text h4{font-size: 18px;color: #ffffff;width: 100%;position: relative;padding-right: 90px;box-sizing: border-box;}
.indexNews .contBox .cont .text h4 span{font-weight: normal;font-size: 14px;color: #ffffff;position: absolute;bottom: 0;right: 0;}
.indexNews .contBox .cont .text p{font-size: 14px;color: #ffffff;margin-top: 10px;}
.indexNews .contBox .cont:hover .img img{transform: scale(1.1);}
.indexNews .contBox .cont:hover .text{padding: 24px 20px 24px 30px;}
.indexNews .contBox ul{float: right;width: 630px;}
.indexNews .contBox ul li a{ display: block; width: 100%;background-color: #f8f8f8;padding: 26px 24px 30px 30px;box-sizing: border-box;margin-bottom: 34px;transition: all 0.6s ease;}
.indexNews .contBox ul li:last-child{margin-bottom: 0;}
.indexNews .contBox ul li h4{font-size: 18px;font-weight: normal;color: #333333;width: 100%;position: relative;padding-right: 90px;box-sizing: border-box;transition: all 0.6s ease;}
.indexNews .contBox ul li h4 span{font-weight: normal;font-size: 14px;color: #999;position: absolute;bottom: 0;right: 0;}
.indexNews .contBox ul li p{font-size: 14px;line-height: 24px;color: #666666;margin-top: 10px;}
.indexNews .contBox ul li:hover h4{color: #39ac37;}
.indexNews .contBox ul li:hover a{background-color: #fff;box-shadow: 0 0 18px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.05);}
.indexNews .contBox .a{position: absolute;top: -86px;right: 0;}
.indexNews .contBox .a a{color: #39ac37;font-size: 14px;position: relative;padding-left: 30px;transition: all 0.6s ease;}
.indexNews .contBox .a a::after{content: '';width: 20px;height: 2px;background-color: #39ac37;position: absolute;left: 0;bottom: 0;top: 0;margin: auto;}
.indexNews .contBox .a:hover a{background-color: #39ac37;color: #fff;padding: 8px 30px;box-sizing: border-box;border-radius: 20px;}

/*footer*/
footer{width: 100%;background: url("../images/footer-bg.jpg") center center no-repeat fixed;box-sizing: border-box;position: relative;}
.footer{ width: 100%; padding-top: 80px;}
.footer ul{display: table;margin: auto;}
.footer ul li{display: inline-block;border-right: 1px solid #fff;line-height: 10px;padding: 0 20px;box-sizing: border-box;}
.footer ul li:last-child{border-right: none;}
.footer ul li a{display: block;	font-size: 14px;font-weight: bold;color: #ffffff;}
.footer ul li:hover a{color: #39ac37;}
.footer .img{width: 120px;height: 120px;border: 4px solid #fff;margin: 60px auto 10px;}
.footer .img img{width: 120px;height: 120px;}
.footer .txt{font-size: 14px;color: #ffffff;text-align: center;}
.footer .cont{text-align: center;width: 100%;margin: 30px auto ;}
.footer .cont span{font-size: 14px;font-weight: bold;line-height: 24px;color: #ffffff;margin: 0 8px;}
footer .links{ width: 100%; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.2); line-height: 30px; text-align: center;}
footer .links p{ display: inline-block; max-width: 1100px; font-weight: bold; vertical-align: top; font-size: 14px; color: #fff; text-align: left;}
footer .links p a{ font-size: 14px; color: #fff; display: inline-block; margin-left: 5px;}
footer .links p a:hover{ color: #39ac37;}
.copyRight{width: 100%;border-top: 1px solid rgba(255,255,255,0.2);padding: 20px 0 ; text-transform: uppercase;}
.copyRight p{font-size: 14px;color: #ffffff;text-align: center;}
.copyRight p a{font-size: 14px;color: #ffffff;}
.copyRight p a:hover{color: #39ac37;}

/*customer*/
#customer{width: 40px;height: 40px;background:#ffffff url("../images/icon-top.png") center center no-repeat;position: fixed;bottom: 100px;right: 100px;z-index: 999;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);transition: all 0.6s ease;display: none;cursor: pointer;}
#customer:hover{background:#39ac37 url("../images/icon-top1.png") center center no-repeat;}


/* floatJoin */
.floatJoin{ position: fixed;  width: 400px; height: 400px;  top: 50%;  left: 50%; transform: translate(-50%,-50%); z-index: 999;  overflow: hidden; background-color: #e80012;}
.floatJoin .box{ padding:90px 50px ; box-sizing: border-box;text-align: center;}
.floatJoin .box .tit{ color: #fac03d; font-size: 36px;  line-height: 56px; font-weight: bold;}
.floatJoin .box .tel{ width: 100%; line-height: 60px; color: #e80012;  font-size: 16px; margin-top: 50px;  background-color: #fac03d; border-radius: 30px;}
.floatJoin .box .tel b{ font-size: 28px; display: inline-block; vertical-align: middle; }
.floatJoin .box .closefj{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 24px; color: #fff; background: #fac03d url(../images/icon-gb.png) center no-repeat; background-size: 20px 20px !important; z-index: 3;cursor: pointer;}
.floatJoin .box .closefj:hover{ background-color: #39ac37;}




/*pageBanner*/
.pageBanner{width: 100%;height: 600px;}
.pageBanner h1{font-size: 48px;color: #ffffff;text-transform: uppercase;text-align: center;padding-top: 260px;box-sizing: border-box;}
.pageBanner p{font-size:30px;color: #ffffff;text-transform: uppercase;text-align: center; margin-top: 10px;}

/*pageNav*/
.pageNav{width: 100%;background-color: #f8f8f8; border-bottom: solid 1px #eee; position: relative; z-index: 9;}
.pageNav ul{display: table;margin: auto;}
.pageNav ul li{display: inline-block;margin:0 30px;}
.pageNav ul li a{font-size: 16px;color: #999999;display: block;padding: 20px 0;box-sizing: border-box;}
.pageNav ul li.on a,.pageNav ul li:hover a{color: #39ac37;font-weight: bold;}

/*pageIntroduce*/
.pageIntroduce{width: 100%;margin: 80px 0;}
.pageIntroduce h3{font-size: 36px;color: #333333;text-align: center;margin-bottom: 40px;}
.pageIntroduce .img{float: left;width: 550px;overflow: hidden;}
.pageIntroduce .img img{width: 100%;}
.pageIntroduce .cont{float: right;width: 600px;}
.pageIntroduce .cont h4{font-size: 16px;line-height: 24px;color: #39ac37;position: relative;padding-left: 40px;box-sizing: border-box;}
.pageIntroduce .cont h4::after{content: '';width: 20px;height: 2px;background-color: #39ac37;position: absolute;bottom: 0;top: 0;left: 0;margin: auto;}
.pageIntroduce .cont .con{font-size: 14px;line-height: 28px;color: #666666;margin-top: 20px;}
.pageIntroduce .cont .con img{ max-width: 100%;}

/*pageSurvey*/
.pageSurvey{width: 100%; position: relative;  height: 360px;background: url("../images/about/about-bg.jpg") center center no-repeat fixed;}
.pageSurvey::after{ content: ''; position: absolute; width: 100%; height: 360px; top: 0; left: 0;}
.pageSurvey .survey{width: 100%; text-align: center; position: relative; z-index: 2; display: table; font-size: 0; padding-top: 40px;}
.pageSurvey .survey dl{ display: inline-block; vertical-align: top; text-align: left; margin: 0 50px;}
.pageSurvey .survey dl dt b{font-size: 80px;color: #fff; line-height: 60px; font-family:'BebasNeue'; letter-spacing: 3px;}
.pageSurvey .survey dl dt span{font-size: 14px;color: #fff; margin-left: 5px;}
.pageSurvey .survey dl dd{font-size: 16px;color: #fff;}

/* pageChairman */
.pageChairman{width: 1200px;background:url("../images/about/about-bg1.jpg");margin: -200px auto 0;padding: 40px 60px;box-sizing: border-box;position: relative; z-index: 2;}
.pageChairman h2{ font-size: 36px;color: #333333;text-align: center;margin-bottom: 40px;}
.pageChairman b{ display: block;  text-indent: 2em; font-size: 16px; color: #39ac37; line-height: 30px;}
.pageChairman p{ font-size: 14px; color: #333; line-height: 34px;  text-indent: 2em;}
.pageChairman img{ max-width: 100%;}

/*pageHonor*/
.pageHonor{width: 100%;padding: 0 0 80px; z-index: 1; background: #f8f8f8 url("../images/about/about-bg3.jpg") top center no-repeat; background-size:auto 100% ;}
.pageHonor h3{font-size: 36px;color: #333333;text-align: center; margin-top: 60px;}
.pageHonor .honor{ width:100%;position:relative;}
.pageHonor .honor .hd ul{display: table;margin: 26px auto 0;}
.pageHonor .honor .hd ul li{display: inline-block;width: 12px;height: 12px;margin: 0 10px;background-color:#39ac37;opacity: 0.4;border-radius: 50%;font-size: 0;cursor: pointer;}
.pageHonor .honor .hd ul li.on{opacity: 1;}
.pageHonor .honor .bd{width: 100%;overflow-x: hidden;}
.pageHonor .honor .bd ul{width: 100%;padding-top: 60px !important;}
.pageHonor .honor .bd ul li{float:left;margin-right: 40px;}
.pageHonor .honor .bd ul li div{width: 250px;height: 170px;background-color: #fff; padding: 9px; overflow: hidden;border: 1px solid #ddd;transition: all 0.6s ease;}
.pageHonor .honor .bd ul li div img{width: 250px;height: 170px;}
.pageHonor .honor .bd ul li p{width: 270px;text-align: center; color: #333;font-size: 16px;font-weight: bold;margin-top: 10px;}
.pageHonor .honor .bd ul li:hover div{border-color: #39ac37;}
.pageHonor .honor .bd ul li:hover p{ color: #39ac37;}

/*pageCourse*/
.pageCourse{width: 100%;background: url("../images/about/about-bg2.jpg") center center no-repeat fixed;padding: 100px 0;box-sizing: border-box;}
.pageCourse h3{font-size: 36px;color: #ffffff;text-align: center;margin-bottom: 120px;}
#timeline {width: 100%;overflow: hidden;position: relative;}
#dates {width: 100%;list-style: none;position: relative;display: table;text-align: left;font-size: 0;margin-top: 160px;}
#dates li {cursor: pointer;text-align: center;box-sizing: border-box;display: inline-block;position: relative;width: 240px;padding-bottom: 10px;}
#dates li a::after{content: '';width: 0;height: 0;border-bottom: 12px solid rgba(0,0,0,0);border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;right: 0;left: 0;bottom: 0;margin: auto;}
#dates li a {font-size: 30px;color: #fff;}
#dates .selected {font-size: 48px;}
#dates .selected::after{border-bottom: 12px solid #39ac37;}
#issues {width: 1200px;}
#issues li {width:1200px;list-style: none;float: left;}
#issues li h2::after{content: '';width: 28px;height: 22px;background: url("../images/icon-syh.png") center center no-repeat;position: absolute;top: 0;left: 0;}
#issues li .text::before{content: '';width: 28px;height: 22px;background: url("../images/icon-xyh.png") center center no-repeat;position: absolute;bottom: 0;right: 0;}
#issues li h2{font-size: 90px;color: #ffffff;float: left;line-height: 90px;position: relative;padding-left: 50px;box-sizing: border-box;margin-left: 225px;}
#issues li h2 span{font-size: 18px;}
#issues li .text{float: right;position: relative;padding-right: 50px;box-sizing: border-box;width: 440px;margin-right: 225px; font-size: 16px;line-height: 30px;color: #ffffff;}
#issues li .text img{ max-width: 100%; display: none;}
#timeline>a{display:block !important; width: 54px;height: 54px;border-radius: 50%;transition: all 0.6s ease;}
#prev{background:#ffffff url("../images/arrow-left1.png") center center no-repeat;position: absolute;top: 40px;left: 0;}
#next{background:#ffffff url("../images/arrow-right1.png") center center no-repeat;position: absolute;top: 40px;right: 0;}
#prev:hover {background: #39ac37 url("../images/arrow-left.png") center center no-repeat;}
#next:hover {background: #39ac37 url("../images/arrow-right.png") center center no-repeat;}

/*pageClient*/
.pageClient{width: 100%;background: url("../images/index-bg.jpg") center center;padding: 80px 0;}
.pageClient .cont{width: 100%; text-align: center;}
.pageClient .cont h3{font-size: 36px;color: #333333;}
.pageClient .cont .con{font-size: 16px;line-height:36px;color: #39ac37; margin: 20px 0 40px;}
.pageClient .cont .con img{ max-width: 100%; display: none;}
.pageClient .img{width: 100%; margin-top: 20px; overflow: hidden; text-align: center;}
.pageClient .img img{width: 100%;}


/*pageProblem*/
.pageProblem{width: 100%;padding: 80px 0;}
.pageProblem .cont{float: left;width: 710px;}
.pageProblem .cont h6{font-size: 36px;font-weight: normal;color: #39ac37;position: relative;padding-bottom: 30px;margin-bottom: 30px;}
.pageProblem .cont h6::after{content: '';width: 48px;height: 4px;background-color: #cccccc;position: absolute;left: 0;bottom: 0;}
.pageProblem .cont p{font-size: 18px;line-height: 36px;;color: #999999;position: relative;padding-left: 36px;box-sizing: border-box;}
.pageProblem .cont p::after{content: '';width: 20px;height: 18px;background: url("../images/icon-gou.png") center center no-repeat;position: absolute;left: 0;top: 8px;}
.pageProblem .img{width: 370px;height: 250px;float: right;}
.pageProblem .img img{width: 370px;height: 250px;}

/*pageService*/
.pageService{width: 100%;height: 550px;background: url("../images/partner/partner-bg.jpg") center center no-repeat;padding: 80px 0 0;box-sizing: border-box;}
.pageService .title{position: relative;padding-left: 110px;box-sizing: border-box;}
.pageService .title::after{content: '';width: 37px;height: 32px;background: url("../images/icon-xyh-m.png") center center no-repeat; position: absolute;top: 10px;right: 0;}
.pageService .title h5{font-size: 48px;font-weight: normal;color: #ffffff;}
.pageService .title h5 i{font-size: 92px;font-weight: bold;color: #ffffff;position: absolute;top: -6px;left: 0;}
.pageService .title p{font-size: 18px;color: #ffffff;text-transform: uppercase;}
.pageService .cont{width: 1070px;font-size: 20px;line-height: 40px;color: #ffffff;margin-top: 60px;position: relative;padding-bottom: 80px;box-sizing: border-box;}
.pageService .cont::after{content: '';	width: 350px;height: 6px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;}
.service{position: relative;}
/* .service::after{content: '';width: 280px;height: 210px;background: url("../images/partner/partner-pic.png") center center no-repeat;position: absolute;bottom: -80px;right: 0;}*/

/*pageGroup*/
.pageGroup{width: 100%;height: 740px;background: url("../images/index-bg.jpg") center center;padding-top: 70px;box-sizing: border-box;}
.pageGroup h6{font-size: 36px;font-weight: normal;color: #333333;text-align: center;margin-bottom: 50px;}
.pageGroup .cont{float: left;width: 300px;height: 490px;position: relative;border-right: 1px solid #fff;box-sizing: border-box;overflow: hidden;}
.pageGroup .cont:last-child{border-right: none;}
.pageGroup .cont h5{font-size: 24px;line-height: 30px;font-weight: normal;color: #ffffff;position: absolute;top: 60px;left: 40px;z-index: 9;padding-left: 40px;box-sizing: border-box;transition: all 0.6s ease;}
.pageGroup .cont h5 p{font-size: 14px;font-weight: normal;color: #ffffff;}
.pageGroup .cont h5::after{content: '';width: 30px;height: 30px;position: absolute;left: 0;top: -30px;bottom: 0;margin: auto;}
.pageGroup .cont:nth-of-type(1) h5::after{background: url("../images/icon-group.png") 0 0 no-repeat;}
.pageGroup .cont:nth-of-type(2) h5::after{background: url("../images/icon-group.png") -30px 0 no-repeat;}
.pageGroup .cont:nth-of-type(3) h5::after{background: url("../images/icon-group.png") -60px 0 no-repeat;}
.pageGroup .cont:nth-of-type(4) h5::after{background: url("../images/icon-group.png") -90px 0 no-repeat;}
.pageGroup .cont .text{width: 300px;height: 490px;padding: 150px 0 0 40px;position: relative;z-index: 8;box-sizing: border-box;transition: all 0.6s ease;}
.pageGroup .cont .text{font-size: 18px;color: #ffffff;line-height: 36px;}
.pageGroup .cont .text span{font-size: 14px;}
.pageGroup .cont:nth-of-type(2n-1) .text::before{content: '';width: 300px;height: 490px;background-image: linear-gradient(to bottom,rgba(57,172,55,0.7),rgba(255,255,255,0));position: absolute;bottom: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.pageGroup .cont:nth-of-type(2n) .text::before{content: '';width: 300px;height: 490px;background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(57,172,55,0.7));position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.pageGroup .cont:nth-of-type(2n-1) .text::after{content: '';width: 300px;height: 490px;background-color: rgba(57,172,55,0.7);position: absolute;top: -490px;left: 0;z-index: -1;transition: all 0.6s ease;}
.pageGroup .cont:nth-of-type(2n) .text::after{content: '';width: 300px;height: 490px;background-color: rgba(57,172,55,0.7);position: absolute;bottom: -490px;left: 0;z-index: -1;transition: all 0.6s ease;}
.pageGroup .cont:nth-of-type(2n-1):hover .text::after{top: 0;}
.pageGroup .cont:nth-of-type(2n):hover .text::after{bottom: 0;}
.pageGroup .cont:nth-of-type(2n-1):hover .text::before{bottom: -490px;}
.pageGroup .cont:nth-of-type(2n):hover .text::before{top: -490px;}

/*pageGuarantee*/
.pageGuarantee{width: 100%;height: 650px;position: relative;}
.pageGuarantee::before{ content: ''; position: absolute; top: 0; right: 50%; margin-right: 306px; width: 34%; height: 100%; z-index: 2;background: url("../images/partner/partner-bg52.jpg") left center no-repeat;}
.pageGuarantee h6{font-size: 36px;font-weight: normal;color: #fff;position: absolute;z-index: 99;box-sizing: border-box;left: 50%;top: 50px; margin-left: -240px;}
.pageGuarantee .guarantee{width: 100%;position: relative;height: 650px;}
.pageGuarantee .guarantee .hd{width:300px;position: absolute;top: 140px;right: 50%;z-index: 10; margin-right: 300px;}
.pageGuarantee .guarantee .hd ul{margin:auto;}
.pageGuarantee .guarantee .hd ul li{cursor:pointer;font-size: 18px;color: #fff;width: 200px;height: 56px;line-height: 56px;margin-bottom: 10px;border: solid 1px #ffffff;text-align: center;transition: all 0.6s ease;position: relative;}
.pageGuarantee .guarantee .hd ul li::after{content: '';width: 0;height: 0;border-left: 16px solid rgba(0,0,0,0);border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;right: -106px;top: 0;bottom: 0;margin: auto;border-radius: 4px;transition: all 0.6s ease;}
.pageGuarantee .guarantee .hd ul li.on{color: #39ac37;background-color: #fff;}
.pageGuarantee .guarantee .hd ul li.on::after{border-left: 16px solid #39ac37;}
.pageGuarantee .guarantee .hd .pageState{position: absolute;bottom: -130px;left: 360px;font-size: 24px;color: #fefefe;}
.pageGuarantee .guarantee .hd .pageState span{font-size: 36px;color: #fefefe;}
.pageGuarantee .guarantee .bd{width: 100% !important; z-index: 1;}
.pageGuarantee .guarantee .bd .contBox{width: 100% !important;height: 650px;z-index: 9;}
.pageGuarantee .guarantee .bd .contBox .cont { width: 800px; padding:0 40px 0 360px; margin-top:140px  ;  position: relative;}
.pageGuarantee .guarantee .bd .contBox .cont h5{font-size: 24px;font-weight: normal;color: #fefefe;margin-bottom: 24px;width: 100%;}
.pageGuarantee .guarantee .bd .contBox .cont .con{font-size: 16px;line-height: 30px;color: #fefefe;width: 100%;height: 330px;padding-right: 10px;box-sizing: border-box;overflow-x: auto;}
.pageGuarantee .guarantee .bd .contBox .cont .con img{ max-width: 100%;}

/*pageManage*/
.pageManage{width: 100%;height: 870px;background: url("../images/partner/partner-bg6.jpg") center center no-repeat;padding-top: 80px;box-sizing: border-box;}
.pageManage h6{font-size: 36px;font-weight: normal;color: #000000;margin-bottom: 80px;text-align: center;}
.pageManage .cont{width: 100%;position: relative;}
.pageManage .cont .img{width: 580px;height: 580px;border-radius: 50%;margin: 0 auto;position: relative;border: 1px solid #e8e8e8;}
.pageManage .cont .img::after{content: '';width: 500px;height: 500px;border: 1px solid #e8e8e8;border-radius: 50%;position: absolute;top: 40px;left: 40px;z-index: 9;}
.pageManage .cont .img img{width: 370px;height: 370px;border-radius: 50%;border: 1px solid #e8e8e8;padding: 30px;margin: 75px 0 0 75px;}
.pageManage .cont p{font-size: 16px;line-height: 24px;color: #666666;background-color: #fff;padding: 20px;position: absolute;z-index: 10;}
.pageManage .cont p::after{content: '';width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;top: 20px;}
.pageManage .cont p::before{content: '';width: 8px;height: 8px;background-color:#39ac37;box-shadow: 0 0 0 6px rgba(57,172,55,0.2);border-radius: 50%;position: absolute;top:23px;}
.pageManage .cont p:nth-child(even)::after{border-left: 10px solid #fff;right: -10px;}
.pageManage .cont p:nth-child(even)::before{right: -22px;}
.pageManage .cont p:nth-child(odd)::after{border-right: 10px solid #fff;left: -10px;}
.pageManage .cont p:nth-child(odd)::before{left: -22px;}
.pageManage .cont p:nth-child(even){right: 50%;text-align: left;}
.pageManage .cont p:nth-child(odd){left: 50%;text-align: right;}
.pageManage .cont .txt1{top: 20px; margin-right: 175px;}
.pageManage .cont .txt2{top: 20px; margin-left: 175px;}
.pageManage .cont .txt3{ top: 170px; margin-right: 250px;}
.pageManage .cont .txt4{top:160px; margin-left: 290px;}
.pageManage .cont .txt5{ top: 320px; margin-right: 303px;}
.pageManage .cont .txt6{top:340px; margin-left: 260px;}
.pageManage .cont .txt7{ top: 490px; margin-right: 130px;}
.pageManage .cont .txt8{top:490px; margin-left: 130px;}







/*pageNews*/
.pageNews{width: 100%;padding: 80px 0;}
.pageNews ul{width: 100%;display: table;text-align: left;font-size: 0;}
.pageNews ul li{box-sizing: border-box;display: inline-block;vertical-align: top;margin:0 30px 30px 0;width: 380px;background-color: #ffffff;overflow: hidden;transition: all 0.6s ease;position: relative;}
.pageNews ul li:nth-of-type(3n){margin-right: 0;}
.pageNews ul li .img{width: 380px;height: 218px;overflow: hidden;}
.pageNews ul li .img img{width: 100%;transition: all 0.6s ease;}
.pageNews ul li .text{background-color: #eee;width: 100%;padding: 14px 20px ;box-sizing: border-box;transition: all 0.6s ease;position: relative;z-index: 1;}
.pageNews ul li .text h4{font-size: 18px;color: #333;width: 100%; transition: all 0.6s ease;}
.pageNews ul li .text p{font-size: 14px;color: #666;margin-top: 10px; transition: all 0.6s ease;}
.pageNews ul li .time{font-weight: normal;font-size: 16px;color: #fff;position: absolute;top: 0;left: 0;background-color: rgba(57,172,55,0.8);padding: 15px; text-align: center;}
.pageNews ul li .time p{font-size: 14px;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .text{padding: 34px 20px ;margin-top: -40px;background-color: #39ac37;}
.pageNews ul li:hover .text h4,.pageNews ul li:hover .text p{ color: #fff;}


/*pageNewsD*/
.pageNewsD{width: 100%;padding: 80px 0;}
.pageNewsD .newsD{ width: 1040px; margin: auto;}
.pageNewsD h2{color: #333;font-weight: normal;font-size: 30px;text-align: center;margin-bottom: 6px;}
.pageNewsD .time{font-size: 14px;color: #999;padding: 10px 0;border-bottom: dashed 1px #ddd;text-align: center;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .abstract{margin: 20px 0;padding: 20px;background-color: #f8f8f8;font-size: 14px;color: #999;line-height: 24px;}
.pageNewsD .abstract span{font-weight: bold;}
.pageNewsD .video{ width: 100%; margin: 30px auto 0; height: 400px; text-align: center;}
.pageNewsD .video video{ max-width: 100%; height: 400px;}
.pageNewsD .text{width: 100%;margin: 30px auto 60px;font-size: 16px;color: #333;line-height: 34px;}
.pageNewsD .text img{max-width: 100%;}
.pageNewsD .link{width: 100%;padding: 30px 0;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;}
.pageNewsD .link p { max-width: 48%;}
.pageNewsD .link p a{font-size: 14px;color: #999;line-height: 22px;}
.pageNewsD .link p a:hover{color: #39ac37;text-decoration: underline;}
.pageNewsD .link a:hover{color: #39ac37;text-decoration: underline;}


/*pageContact*/
.pageContact{padding: 100px 0;}
.pageContact .contactL{float: left;margin: 30px 0 0 20px; width: 400px;}
.pageContact .contactL p{color: #333;font-size: 16px;margin-bottom: 16px;position: relative;padding-left:90px;box-sizing: border-box;line-height: 30px;}
.pageContact .contactL p span{position: absolute;top: 0;left: 0;color: #999;font-size: 16px;}
.pageContact .code{float: left;margin-top: 20px;}
.pageContact .code div{width: 160px;height: 160px;overflow: hidden;padding: 10px;border: 1px solid #eee;}
.pageContact .code div img{width: 100%;}
.pageContact .code p{text-align: center;width: 160px;color: #666;font-size: 14px;margin-top: 8px;}
.pageContact .contactR{float: right;}
.pageContact .contactR form{width:500px;}
.pageContact .contactR form .row{width: 500px;margin-bottom: 20px;}
.pageContact .contactR form label{display: block;position: relative;}
.pageContact .contactR form label span{font-size: 16px;color: #666;position: absolute; top: 0; left: 0;line-height: 40px;}
.pageContact .contactR form .txt{border: 0;border-bottom: 1px solid #c3c1c1;background: rgba(0,0,0,0);font-size: 16px;color: #333;width: 100%;line-height: 18px;padding: 11px 0;}
.pageContact .contactR form .txt:focus{ border-bottom-color: #39ac37;}
.pageContact .contactR form .txt.w2{ width:100%; height: 70px;resize: none;line-height: 26px;}
.pageContact .contactR form .btn{width: 120px;height: 40px;cursor: pointer;background-color:#39ac37;transition: all 0.4s ease;color: #fff;font-size: 14px;text-align: center;border: 1px solid #39ac37;}
.pageContact .contactR form .btn:hover{background-color: #fff;color: #39ac37;}
.map{width: 100%;height: 460px; position: relative; z-index: 1;}
.map #map{width: 100%;height: 460px;}

/* pageDetails */
.pageDetails{ width: 100%; padding: 80px 0; font-size: 14px; color: #333; line-height: 24px;}
.pageDetails img{ max-width: 100%;}


/* pageJob */
.pageJob{ width: 100%; padding: 70px 0 0 0 ;}
.pageJob .top{ width: 100%; text-align: center;}
.pageJob .top p{ font-size: 30px; color: #333; margin-bottom: 10px;}
.pageJob .top span{ font-size: 16px; color: #999; }
.pageJob .cont{ width: 100%; position: relative; margin-top: 30px;}
.pageJob .cont img{ width: 100%; position: relative; z-index: 1;}
.pageJob .cont p{ width: 100%; position: absolute; font-size: 18px; color: #fff; line-height: 34px; text-align: center; top: 50%; left: 0; z-index: 2;}


/* JobList */
.JobList{ width:100%;  padding:0 0 60px 0;  margin:0 auto; position:relative;}
.JobList .item{ line-height: 30px; width: 1160px; background-color: #e5e5e5; padding: 15px 20px; border-bottom: solid 1px #eee; }
.JobList .item p{ float: left; font-size: 16px; text-align: center;  padding: 0 10px;}
.JobList .item p.p1{ width: 300px; padding: 0 20px 0 0; text-align: left;}
.JobList .item p.p2,.JobList .item p.p3,.JobList .item p.p4{ width: 160px; }
.JobList .item p.p5{ width: 220px;}
.JobList ul{ width: 100%;margin:0 auto;}
.JobList li.q{cursor: pointer; border-bottom: solid 1px #eee; line-height:24px;  width: 1160px; padding: 18px 20px; position: relative;  position: relative;}
.JobList li.q p{ float:left; color:#666; font-size: 14px; text-align: center;  padding: 0 10px;}
.JobList li.q p.p1{ width: 300px; padding: 0 20px 0 0; font-size: 14px; color: #333; text-align: left;}
.JobList li.q p.p2,.JobList li.q p.p3,.JobList li.q p.p4{ width: 160px;}
.JobList li.q p.p5{width: 220px;}
.JobList li.q p.icon{ display: block; width: 16px; height: 9px; position: absolute; right: 40px; top: 50%; margin-top: -5px; /* background: url(../images/jobIcon01.png) center  no-repeat; */}
/* .JobList li.q p.icon.on{  background: url(../images/jobIcon02.png) center  no-repeat;} */
.JobList li.a{line-height:32px; width: 1160px;display: none; border-bottom: solid 1px #eee;  padding:20px 20px; font-size:14px; color:#333; }
.JobList li.a img{ max-width: 100%;}
.JobList li.a a.qq{ margin-top: 10px; display: block; width: 100px; line-height: 40px; text-align: right; padding: 0 30px; background: #39ac37 url(../images/jobIcon.png) left 30px center no-repeat; font-size: 14px; color: #fff; transition: all 0.8s ease;}
.JobList li.a a.qq:hover{ background-color: #333;}
.JobList li.q:hover p,.JobList li.q p.on{ color: #39ac37;}
.JobList li.q:hover{ background-color: #f6f6f6;}
/* .JobList li.q:hover p.icon{ background: url(../images/jobIcon02.png) center  no-repeat;} */

/*pageTitle*/
.pageTitle{font-size: 30px;font-weight: normal;color: #333333;text-align: center;}


/*pageDistribution*/
.pageDistribution{width: 100%;height:500px;background: url("../images/distribution/bg.jpg") center center no-repeat;padding: 90px 0 0;box-sizing: border-box;}
.pageDistribution .text{color: #333;font-size: 16px;line-height: 32px;position: relative;padding-top: 20px;width: 690px;}
.pageDistribution .text p{ }
.pageDistribution .text::after{content: '';width: 44px;height: 6px;background-color: #39ac37;position: absolute;top: 0;left: 0;}

/*pageSupply*/
.pageSupply{width: 100%;height: 360px;background-image: url("../images/distribution/bg1.jpg");padding-top: 80px;box-sizing: border-box;}
.pageSupply .supply{width: 100%;display: table;text-align: center;font-size: 0;margin-top: 60px;}
.pageSupply .supply dl{width: 150px;display: inline-block;vertical-align: top;transition: all 0.6s ease;}
.pageSupply .supply dl dt{width: 86px;height: 76px;margin:0 auto;background: url("../images/distribution/guarantee_bg.png") center center no-repeat;padding-top: 13px;box-sizing: border-box;}
.pageSupply .supply dl dt div{width: 50px;height: 50px;background-image: url("../images/distribution/icon_guarantee.png");background-repeat: no-repeat;margin: 0 auto;}
.pageSupply .supply dl dt .icon1{background-position: 0 0;}
.pageSupply .supply dl dt .icon2{background-position: -50px 0;}
.pageSupply .supply dl dt .icon3{background-position: -100px 0;}
.pageSupply .supply dl dt .icon4{background-position: -150px 0;}
.pageSupply .supply dl dt .icon5{background-position: -200px 0;}
.pageSupply .supply dl dt .icon6{background-position: -250px 0;}
.pageSupply .supply dl dt .icon7{background-position: -300px 0;}
.pageSupply .supply dl dt .icon8{background-position: -350px 0;}
.pageSupply .supply dl dd{font-size: 16px;color: #333333;margin-top: 12px;}
.pageSupply .supply dl:hover{transform: translateY(-20px);}

/*pageField*/
.pageField{width: 100%;background-color: #f8f8f8;}
.pageField .fieldBox{width: 100%;height: 460px;position: relative;}
.pageField .fieldBox .img{width: 50%;height:460px;}
.pageField .fieldBox:nth-of-type(2n-1) .img{position: absolute;top:0;right: 0; }
.pageField .fieldBox:nth-of-type(2n) .img{position: absolute;top:0;left: 0; }
.pageField .fieldBox .c1200{position: relative;height: 460px;}
.pageField .fieldBox .cont{width: 530px;position: absolute;top: 50%;transform: translateY(-50%);padding: 20px 0;box-sizing: border-box;}
.pageField .fieldBox:nth-of-type(2n-1) .cont{left: 0;}
.pageField .fieldBox:nth-of-type(2n) .cont{right: 0;}
.pageField .fieldBox .cont h4{font-size: 30px;color: #333333;margin-bottom:30px;font-weight: normal;}
.pageField .fieldBox .cont .txt{font-size: 16px;line-height: 30px;color: #333333;}

/*pageAdminister*/
.pageAdminister{width: 100%;height: 600px;background: url("../images/distribution/bg2.jpg") center center no-repeat;padding-top: 80px;box-sizing: border-box;}
.pageAdminister .text{font-size: 16px;line-height: 30px;color: #333333;text-align: center;margin-top: 30px; }
.pageAdminister ul{width: 100%;margin-top: 100px;}
.pageAdminister ul li{float:left;width: 112px;height: 112px;background-color: #ffffff;border: dashed 1px #39ac37;border-radius: 50%;margin-right: 24px;position:relative;transition: all 0.6s ease; box-sizing: border-box;}
.pageAdminister ul li:last-child{margin-right: 0;}
.pageAdminister ul li .txt{font-size: 18px;color: #39ac37;text-align: center;line-height: 18px;position:absolute;left:0;top:50%;transform:translateY(-50%);right:0;margin:auto;transition: all 0.6s ease;}
.pageAdminister ul li .txt p{font-size: 16px;margin-top: 6px;text-transform: uppercase;}
.pageAdminister ul li:hover{background-color: #39ac37;}
.pageAdminister ul li:hover .txt{color: #FFFFFF;}

/*pageProcess*/
.pageProcess{width: 100%;height:340px;background-image: url("../images/distribution/bg3.jpg");padding-top: 80px;box-sizing: border-box;}
.pageProcess .process{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 60px;}
.pageProcess .process dl{display: inline-block;vertical-align: top;margin-right: 20px;}
.pageProcess .process dl:last-child{margin-right: 0;}
.pageProcess .process dl dt{position: relative;padding-right: 58px;box-sizing: border-box;}
.pageProcess .process dl dt::after{content: '';width: 36px;height: 3px;background-color: rgba(57,172,55,0.4);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.pageProcess .process dl:last-child dt{padding-right: 0;}
.pageProcess .process dl:last-child dt::after{display: none;}
.pageProcess .process dl dt div{width: 60px;height: 60px;border:solid 2px rgba(57, 172, 55, 0.3);border-radius: 50%;overflow: hidden;background-image: url("../images/distribution/icon_process.png");background-repeat: no-repeat;transition: all 0.6s ease;}
.pageProcess .process dl dt .icon1{background-position: 0 0;}
.pageProcess .process dl dt .icon2{background-position: -60px 0;}
.pageProcess .process dl dt .icon3{background-position: -120px 0;}
.pageProcess .process dl dt .icon4{background-position: -180px 0;}
.pageProcess .process dl dt .icon5{background-position: -240px 0;}
.pageProcess .process dl dt .icon6{background-position: -300px 0;}
.pageProcess .process dl dt .icon7{background-position: -360px 0;}
.pageProcess .process dl dt .icon8{background-position: -420px 0;}
.pageProcess .process dl dt .icon9{background-position: -480px 0;}
.pageProcess .process dl dd{font-size: 14px;color: #39ac37;text-align: center;margin-top: 8px;width: 64px;}
.pageProcess .process dl:hover dt div{background-color: #39ac37;background-image: url("../images/distribution/icon_process1.png");}



/*pageLogistics*/
.pageLogistics{width: 100%;height: 550px;position: relative;z-index: 1;}
.pageLogistics::after{content: '';width: 51.56%;height: 550px;background: url("../images/logistics/bg1.jpg") center center no-repeat;position: absolute;top: 0;left: 0;z-index: -1;}
.pageLogistics::before{content: '';width: 48.44%;height: 550px;background: url("../images/logistics/bg2.jpg") center center no-repeat;position: absolute;top: 0;right: 0;z-index: -1;}
.pageLogistics .text{font-size: 16px;line-height: 30px;color: #333333;width: 560px;float: left;margin-top: 100px;}
.pageLogistics .text p{margin-bottom: 14px; text-indent: 2em;}
.pageLogistics .number{width: 510px;float: right;display: table;text-align: left;font-size: 0;margin-top: 160px;}
.pageLogistics .number dl{width: 170px;display: inline-block;vertical-align: top;margin-bottom: 70px;}
.pageLogistics .number dl dt{font-family: BebasNeue;font-size: 60px;line-height: 60px;color: #ffffff;}
.pageLogistics .number dl dd{font-size: 14px;color: #ffffff;}

/*pageSort*/
.pageSort{width: 100%;height: 540px;background: url("../images/logistics/bg3.jpg") center center no-repeat;padding: 80px 0 0;box-sizing: border-box;}
.pageSort ul{width: 100%;display: table;text-align: left;font-size: 0;}
.pageSort ul li{display: inline-block;vertical-align: top;width: 280px;height: 380px;overflow:hidden;position: relative;margin-right: 26px;}
.pageSort ul li:nth-of-type(4n){margin-right: 0;}
.pageSort ul li img{width: 280px;height: 380px;transition: all 0.6s ease;}
.pageSort ul li .cont{width: 100%;height: 140px;max-height:380px;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.7));padding: 30px;box-sizing: border-box;transition: all 0.6s ease;}
.pageSort ul li .cont .tit{font-size: 18px;color: #ffffff;}
.pageSort ul li .cont .txt{font-size: 14px;line-height: 18px;color: #ffffff;margin-top: 14px;}
.pageSort ul li:hover img{transform: scale(1.1);}
.pageSort ul li:hover .cont{background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));height: 380px;}

/*pageControl*/
.pageControl{width: 100%;height: 680px;background: url("../images/logistics/bg4.jpg") center center no-repeat;padding-top: 100px;box-sizing: border-box;}
.pageControl .list{width: 100%;display: table;text-align: center;font-size: 0;}
.pageControl .list dl{display: inline-block;vertical-align: top;width: 230px;max-height:470px;height:470px;border: 1px dashed rgba(255,255,255,0.4);margin-right: 12px;padding: 0 16px;box-sizing: border-box;transition: all 0.6s ease;}
.pageControl .list dl:last-child{margin-right: 0;}
.pageControl .list dl dt{width: 120px;height: 120px;border: 1px dashed #fff;border-radius: 50%;margin: 40px auto 0;}
.pageControl .list dl dt div{width: 100px;height: 100px;border: 1px dashed #fff;margin: 9px;border-radius: 50%;overflow: hidden;}
.pageControl .list dl dt .icon1{background: url("../images/logistics/icon_logistics1.png") center center no-repeat;}
.pageControl .list dl dt .icon2{background: url("../images/logistics/icon_logistics2.png") center center no-repeat;}
.pageControl .list dl dt .icon3{background: url("../images/logistics/icon_logistics3.png") center center no-repeat;}
.pageControl .list dl dt .icon4{background: url("../images/logistics/icon_logistics4.png") center center no-repeat;}
.pageControl .list dl dt .icon5{background: url("../images/logistics/icon_logistics5.png") center center no-repeat;}
.pageControl .list dl .tit{font-size: 18px;color: #ffffff;margin: 38px 0 20px;}
.pageControl .list dl .txt{font-size: 14px;line-height: 30px;color: #ffffff;margin-bottom: 40px;}
.pageControl .list dl:hover{background-color: rgba(255,255,255,0.16);}

/*pageTransport*/
.pageTransport{width: 100%;background: url("../images/logistics/bg5.png") bottom center no-repeat;padding: 80px 0;}
.pageTransport .transportLeft{float: left;width: 390px;height:395px;padding: 30px 30px 0;box-sizing: border-box;}
.pageTransport .transportLeft .tit{font-size: 24px;color: #ffffff;transition: all 0.6s ease;}
.pageTransport .transportLeft .txt{font-size: 14px;line-height: 18px;color: #ffffff;text-transform: uppercase;margin-top: 8px;transition: all 0.6s ease;}
.pageTransport .transportLeft .number{display: table;text-align: left;font-size: 0;width: 100%;margin-top: 30px;}
.pageTransport .transportLeft .number dl{display: inline-block;vertical-align: top;width: 33.3333%;}
.pageTransport .transportLeft .number dl dt{font-size: 36px;color: #ffffff;}
.pageTransport .transportLeft .number dl dt b{font-weight: normal;}
.pageTransport .transportLeft .number dl dd{font-size: 14px;color: #f7f7f7;text-align: center;width: 70px;}
.pageTransport ul{float: right;width: 810px;display: table;text-align: left;font-size: 0; }
.pageTransport ul li{width: 390px;height: 190px;display: inline-block;vertical-align: top;margin-left: 15px;margin-bottom: 15px;padding: 30px;box-sizing: border-box;position: relative;}
.pageTransport ul li h6{font-size: 24px;font-weight: normal;color: #ffffff;transition: all 0.6s ease;}
.pageTransport ul li .txt{font-size: 14px;line-height: 18px;color: #ffffff;text-transform: uppercase;margin-top: 8px;transition: all 0.6s ease;}
.pageTransport ul li .dot{position: absolute;bottom: 30px;left: 30px;}
.pageTransport ul li .dot i{width: 5px;height: 4px;background-color: #FFFFFF;display: block;margin-right: 4px;float: left;transition: all 0.6s ease;}

.pageTransport .transportLeft:hover .tit,.pageTransport .transportLeft:hover .txt,.pageTransport ul li:hover h6,.pageTransport ul li:hover .txt{color: #39ac37;}
.pageTransport ul li:hover .dot i{background-color: #39ac37;}



/*pagePromise*/
.pagePromise{width: 100%;height: 540px;background: url("../images/kitchen/bg.jpg") center center no-repeat;padding-top: 80px;box-sizing: border-box;}
.pagePromise h4{font-weight: normal;color: #333;font-size: 30px;}
.pagePromise ul{margin-top: 50px;}
.pagePromise ul li{margin-bottom: 40px;}
.pagePromise ul li i{width: 30px;height: 30px;display: block;float:left;background-image: url("../images/kitchen/icon_promise.png");background-repeat: no-repeat;}
.pagePromise ul li .icon1{background-position: 0 0;}
.pagePromise ul li .icon2{background-position: -30px 0;}
.pagePromise ul li .icon3{background-position: -60px 0;}
.pagePromise ul li .txt{font-size: 24px;line-height: 30px;color: #333333;margin-left: 36px;}

/*pageKitchen*/
.pageKitchen{width: 100%;background-color: #fff;padding: 80px 0;}
.pageKitchen .text{font-size: 16px;color: #999999;margin-top: 20px;text-align: center;}
.pageKitchen .kitchen{width: 100%;display: table;text-align: center;font-size: 0;margin-top: 60px;position: relative;z-index: 1;}
.pageKitchen .kitchen::after{content: '';width: 1040px;height: 1px;border-bottom: 1px dashed rgba(0,0,0,0.1);position: absolute;bottom: 13px;left: 0;right: 0;margin: auto;z-index: -1;}
.pageKitchen .kitchen dl{display: inline-block;vertical-align: top;width: 171px;}
.pageKitchen .kitchen dl dt{width: 40px;height: 40px;background-repeat: no-repeat;background-image: url("../images/kitchen/icon_kitchen.png");margin: 0 auto;}
.pageKitchen .kitchen dl .icon1{background-position: 0 0;}
.pageKitchen .kitchen dl .icon2{background-position: -40px 0;}
.pageKitchen .kitchen dl .icon3{background-position: -80px 0;}
.pageKitchen .kitchen dl .icon4{background-position: -120px 0;}
.pageKitchen .kitchen dl .icon5{background-position: -160px 0;}
.pageKitchen .kitchen dl .icon6{background-position: -200px 0;}
.pageKitchen .kitchen dl .icon7{background-position: -240px 0;}
.pageKitchen .kitchen dl .tit{font-size: 16px;color: #333333;margin: 16px 0 12px;transition: all 0.6s ease;}
.pageKitchen .kitchen dl .txt{font-size: 14px;line-height: 20px;color: #999999;}
.pageKitchen .kitchen dl .num{width: 26px;height: 26px;background-color: #e2e2e2;margin: 16px auto 0;text-align: center;font-size: 14px;line-height: 26px;color: #989898;border-radius: 50%;transition: all 0.6s ease;}
.pageKitchen .kitchen dl:hover .tit{color: #39ac37;}
.pageKitchen .kitchen dl:hover .num{background-color: #39ac37;color: #fff;}

/*pageSuperiority*/
.pageSuperiority{width: 100%;height: 700px;background: url("../images/kitchen/bg1.jpg") center center no-repeat;padding-top: 80px;box-sizing: border-box;}
.pageSuperiority ul{margin-top: 60px;display: table;text-align: center;font-size: 0;}
.pageSuperiority ul li{display: inline-block;vertical-align: top;width: 280px;height: 400px;border: 4px solid #fff;margin-right: 16px;position: relative;}
.pageSuperiority ul li:nth-of-type(4n){margin-right: 0;}
.pageSuperiority ul li img{width: 280px;height: 400px;}
.pageSuperiority ul li .txt{position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;width: 142px;height: 142px;background-color: rgba(0,0,0,0.5);border-radius: 50%;transition: all 0.6s ease;}
.pageSuperiority ul li .txt p{position: absolute;top: 50%;transform: translateY(-50%);left:0;right:0;margin:auto;width:120px;text-align: center;font-size: 16px;line-height: 30px;color: #ffffff;}
.pageSuperiority ul li:hover .txt{width: 280px;height: 400px;border-radius: 0;}


/*pageMachining*/
.pageMachining{width: 100%;background-color: #fff;padding: 80px 0 90px;}
.pageMachining .text{font-size: 16px;line-height: 30px;color: #333333;width: 530px;float: left;margin-top: 60px;}
.pageMachining .text p{ text-indent: 2em;}
.pageMachining .img{width: 590px;height: 320px;position: relative;float: right;z-index: 1;}
.pageMachining .img::after{content:'';width: 590px;height: 320px;border: solid 1px rgba(0,0,0,0.12);position: absolute;top: 10px;left: -10px;z-index: -1;}
.pageMachining .img img{width: 590px;height: 320px;}

/*pageTrend*/
.pageTrend{width: 100%;background: url("../images/machining/bg.jpg") center center no-repeat fixed;padding: 100px 0 110px;}
.pageTrend .img{width: 170px;height: 170px;display: block;margin: 0 auto;}
.pageTrend h4{font-size: 36px;color: #ffffff;text-align: center;margin: 50px 0 34px;font-weight: normal;}
.pageTrend .text{font-size: 16px;line-height: 32px;color: #ffffff;text-align: center;}

/*pageStandard*/
.pageStandard{width: 100%;background-color: #fff;padding: 80px 0 110px;}
.pageStandard .standard{width: 100%;height:340px;position: relative;z-index: 1;}
.pageStandard .standard::after{content: '';width: 1180px;height: 100%;border: solid 5px rgba(0,0,0,0.06);box-sizing:border-box;position: absolute;bottom:-30px;right: 0;z-index: -1;}
.pageStandard .standard ul{float: left;}
.pageStandard .standard ul li{float: left;width: 110px;height: 340px;overflow:hidden;position: relative;margin-right: 8px;}
.pageStandard .standard ul li:last-child{margin-right: 0;}
.pageStandard .standard ul li img{width: 110px;height: 340px;}
.pageStandard .standard ul li .txt{width: 110px;height: 340px;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.pageStandard .standard ul li .txt p{font-size: 22px;line-height: 24px;color: #ffffff;height: 340px;text-align: center;writing-mode: vertical-lr;writing-mode: tb-lr;position: absolute;left: 50%;transform: translateX(-50%);}
.pageStandard .standard .standardRight{float: left;position: relative;}
.pageStandard .standard .standardRight h4{font-size: 30px;font-weight: normal;line-height: 30px;color: #333333;background-color: #fff;padding: 15px 40px 15px 80px;position: absolute;top: 0;left: 0;}
.pageStandard .standard .standardRight .text{margin-top: 90px;font-size: 16px;line-height: 30px;color: #999999;width: 480px;padding-left: 80px;}
.pageStandard .standard .standardRight .text p{}

/*pageSecurity*/
.pageSecurity{width: 100%;height:640px;background: url("../images/breed/bg.jpg") center center no-repeat;padding: 130px 0 0;box-sizing: border-box;}
.pageSecurity ul{display: table;margin: auto;}
.pageSecurity ul li{display:inline-block;width: 88px;height: 88px;border: 1px dashed #39ac37;box-sizing:border-box;border-radius: 50%;margin: 0 30px;position:relative;transition: all 0.6s ease;}
.pageSecurity ul li p{color: #39ac37;text-align: center;font-size: 16px;line-height:18px;position: absolute;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%);}
.pageSecurity .text{font-size: 16px;line-height: 32px;color: #ffffff;text-align: center;margin-top: 60px;}
.pageSecurity .number{display: table;text-align: center;font-size: 0;margin-top: 100px;}
.pageSecurity .number dl{display: inline-block;vertical-align: top;width: 240px;}
.pageSecurity .number dl dt{font-size: 16px;color: #ffffff;}
.pageSecurity .number dl dt b{font-size: 36px;line-height: 36px;color: #ffffff;}
.pageSecurity .number dl dd{font-size: 14px;color: #ffffff;}
.pageSecurity ul li:hover{background-color: #39ac37;}
.pageSecurity ul li:hover p{color: #FFFFFF;}

/*pageBreed*/
.pageBreed{width: 100%;height:570px;background: url("../images/breed/bg1.jpg") center center no-repeat;padding:80px 0 0;box-sizing: border-box;}
.pageBreed h4{font-size: 30px;font-weight: normal;color: #39ac37;text-align: center;}
.pageBreed .text{font-size: 16px;line-height: 32px;color: #666666;text-align: center;margin-top: 40px;}

/*pagePattern*/
.pagePattern{width: 100%;background-color: #fff;padding: 80px 0;}
.pagePattern .pattern{display: table;text-align: center;font-size: 0;margin-top: 110px;}
.pagePattern .pattern dl{display: inline-block;vertical-align: top;width:380px;max-height:230px;height:230px;margin-right: 30px;border: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;padding: 0 28px;transition: all 0.6s ease;}
.pagePattern .pattern dl:last-child{margin-right: 0;}
.pagePattern .pattern dl dt{width: 100px;height: 100px;background-color: #ffffff;border: solid 1px rgba(9, 1, 3, 0.1);border-radius: 50%;overflow: hidden;background-image: url("../images/breed/icon_breed.png");background-repeat: no-repeat;margin: -50px auto 0;transition: all 0.6s ease;}
.pagePattern .pattern dl .icon1{background-position: 0 0;}
.pagePattern .pattern dl .icon2{background-position: -100px 0;}
.pagePattern .pattern dl .icon3{background-position: -200px 0;}
.pagePattern .pattern dl .tit{font-size: 24px;color: #333333;margin:20px 0 24px;transition: all 0.6s ease;}
.pagePattern .pattern dl .txt{font-size: 16px;line-height: 24px;color: #999999;margin-bottom: 30px;}
.pagePattern .pattern dl:hover{border-color: #39ac37;}
.pagePattern .pattern dl:hover dt{border-color: #39ac37;}
.pagePattern .pattern dl:hover .tit{color: #39ac37;}


/*pagePoor*/
.pagePoor{width: 100%;background-color: #fff;padding: 80px 0;}
.pagePoor .contBox{width: 670px;float: left;}
.pagePoor .contBox h4{font-size: 30px;font-weight: normal;color: #000000;}
.pagePoor .contBox .tit{font-size: 24px;color: #39ac37;position: relative;padding-left: 46px;box-sizing: border-box;margin: 26px 0 42px;}
.pagePoor .contBox .tit::after{content:'';width: 36px;height: 2px;background-color: #39ac37;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.pagePoor .contBox .text{font-size: 16px;line-height: 30px;color: #333333;}
.pagePoor .contBox ul{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 60px;}
.pagePoor .contBox ul li{display: inline-block;vertical-align: top;width: 335px;margin-bottom: 30px;}
.pagePoor .contBox ul li .icon{float:left;width: 50px;height: 50px;margin-top:5px;background-color: #39ac37;border-radius: 50%;background-image: url("../images/poor/icon_poor.png");background-repeat: no-repeat;}
.pagePoor .contBox ul li .icon1{background-position: 0 0;}
.pagePoor .contBox ul li .icon2{background-position: -50px 0;}
.pagePoor .contBox ul li .icon3{background-position: -100px 0;}
.pagePoor .contBox ul li .icon4{background-position: -150px 0;}
.pagePoor .contBox ul li .cont{float: left;margin-left: 8px;}
.pagePoor .contBox ul li .cont h6 b{font-family: BebasNeue;font-size: 60px;font-weight: normal;color: #333333;line-height: 60px;}
.pagePoor .contBox ul li .cont h6 span{	font-size: 18px;color: #333333;}
.pagePoor .contBox ul li .cont .txt{font-size: 16px;color: #999999;}
.pagePoor .img{float: right;width: 450px;height: 600px;overflow: hidden;}
.pagePoor .img img{width: 100%;}

/* pageHelp */
.pageHelp{width: 100%;padding: 0 0 80px;overflow: hidden;}
.pageHelp .title{text-align: center;font-size: 28px;font-weight: bold;line-height: 28px;color: #333333;display: inline-block;margin-left: 50%;transform: translateX(-50%);position: relative;z-index: 1;}
.pageHelp .title::after{content: '';width: 122px;height: 7px;background-color: #39ac37;position: absolute;bottom: 0;left: 0;z-index: -1;}
.pageHelp .list{width: 100%;margin: 40px 0;background-color: #ffffff;padding: 40px 0;box-shadow: 0px 1px 24px 0px rgba(2, 2, 2, 0.1);-webkit-box-shadow: 0px 1px 24px 0px rgba(2, 2, 2, 0.1);-moz-box-shadow: 0px 1px 24px 0px rgba(2, 2, 2, 0.1);}
.pageHelp .list li{float: left; width:400px;display:flex;align-items: flex-start;justify-content: center;border-right: 1px solid #eee;box-sizing: border-box;}
.pageHelp .list li:last-child{border-right: none;}
.pageHelp .list li .icon{width: 40px;height: 40px;margin-top:10px;background-image: url("../images/icon_help.png");background-repeat: no-repeat;}
.pageHelp .list li .icon1{background-position: 0 0;}
.pageHelp .list li .icon2{background-position: -40px 0;}
.pageHelp .list li .icon3{background-position: -80px 0;}
.pageHelp .list li .cont{margin-left: 8px;}
.pageHelp .list li .cont h6 b{font-family: BebasNeue;font-size: 60px;font-weight: normal;color: #39ac37;line-height: 60px;}
.pageHelp .list li .cont h6 span{font-size: 18px;color: #39ac37;}
.pageHelp .list li .cont .txt{font-size: 16px;color: #333;margin-left: 10px;}
.pageHelp .contBox{width: 590px;background-color: #ffffff;border: solid 1px rgba(0, 0, 0, 0.08);padding-top: 6px;}
.pageHelp .contBox .p1{float: left;font-size: 18px;line-height: 36px;color: #333333;margin-left: 20px;}
.pageHelp .contBox .p1 span{color: #39ac37;font-weight: bold;}
.pageHelp .contBox .p2{float: right;font-size: 14px;line-height: 36px;color: #333;margin-right: 20px;}
.pageHelp .contBox .p2 span{color: #39ac37;margin-right: 5px;}
.pageHelp .contBox ul{border-top: solid 1px rgba(0, 0, 0, 0.08);margin-top: 6px;width: 100%;padding: 10px 0;}
.pageHelp .contBox ul li{width: 100%;padding: 0 20px;box-sizing: border-box;margin: 12px 0;}
.pageHelp .contBox ul li .t1{float: left;max-width: 400px;	font-size: 16px;line-height: 30px;color: #333333;position: relative;padding-left: 34px;box-sizing: border-box;}
.pageHelp .contBox ul li .t1 p{width: 22px;height: 22px;background-color: #39ac37;border-radius: 50%;line-height: 24px;text-align: center;font-family: BebasNeue;font-size: 14px;color: #ffffff;position: absolute;top: 4px;left: 0;}
.pageHelp .contBox ul li .t1 p::after{content: '';	width: 28px;height: 28px;border: solid 1px #39ac37;border-radius: 50%;position: absolute;top: -4px;left: -4px;}
.pageHelp .contBox ul li .t2{float: right;max-width: 150px;font-size: 14px;color: #333333;}
.pageHelp .contBox ul li .t2 span{font-family: BebasNeue;font-size: 24px;line-height: 30px;color: #333333;}


/*pageCulture*/
.pageCulture{width: 100%;margin: 80px 0 60px;}
.pageCulture .cont{display: table;text-align: center;font-size: 0;width: 100%;background-color: rgba(0,0,0,0.03);}
.pageCulture dl{display: inline-block;vertical-align: top;width: 400px;height: 260px;cursor: pointer;transition: all 0.6s ease;}
.pageCulture dl:nth-of-type(2){background-color: #fff;}
.pageCulture dl dt{width: 70px;height: 70px;margin: 50px auto 0;}
.pageCulture dl .tit{font-size: 24px;color: #333333;margin: 20px 0 6px;}
.pageCulture dl .txt{font-size: 16px;color: #999999;}
.pageCulture dl:hover{background-color: rgba(57,172,55,0.1);}

/*pageSafety*/
.pageSafety{ width:100%;height:630px;position:relative;background:#fcfcfc url("../images/laboratory/safetyBg.png") left 15% center no-repeat;  }
.pageSafety .cont{width: 530px;padding-top: 80px;}
.pageSafety .cont h6{font-size: 30px;font-weight: normal;color: #333333;}
.pageSafety .cont .tit{font-size: 16px;color: #999999;position: relative;padding-bottom: 26px;margin: 6px 0 30px;}
.pageSafety .cont .tit::after{content: '';width: 44px;height: 4px;background-color: #39ac37;position: absolute;bottom: 0;left: 0;}
.pageSafety .cont .text{font-size: 16px;line-height: 30px;color: #666666;}
.pageSafety .safetyImg{width: 50%;height:630px;overflow:hidden;position:absolute;top: 0;right: 0;}
.pageSafety .safetyImg .bd{position:relative;height:100%;}
.pageSafety .safetyImg .bd li{float: left;width:100%;height:630px;}
.pageSafety .safetyImg .hd{overflow:hidden; position:absolute;left: 30px; bottom:40px; z-index:1;}
.pageSafety .safetyImg .hd ul{display: table;margin: auto;}
.pageSafety .safetyImg .hd ul li{display:inline-block;width:12px; height:12px; background-color:#fff; cursor:pointer;border-radius: 50%;margin: 0 10px;font-size: 0;}
.pageSafety .safetyImg .hd ul li.on{ background-color:#39ac37;}

/*pageSystem*/
.pageSystem{width: 100%;background: url("../images/laboratory/bg.jpg") center center no-repeat fixed;padding: 80px 0;box-sizing: border-box;}
.pageSystem h5{font-size: 30px;font-weight: normal;color: #ffffff;text-align: center;}
.pageSystem .txt{font-size: 16px;line-height: 30px;color: #ffffff;text-align: center;margin-top: 30px;}
.pageSystem .cont{margin-top: 50px;background-color: #fff;}
.pageSystem .cont .left{float: left;width: 320px;height: 420px;background: url("../images/laboratory/system_bg.jpg") center center no-repeat;padding: 40px 0 0 36px;box-sizing: border-box;}
.pageSystem .cont .left img{width: 40px;height: 40px;display: block;}
.pageSystem .cont .left .tit{font-size: 24px;line-height: 40px;color: #f7f8f9;position: relative;padding-bottom: 34px;box-sizing: border-box;margin-top: 20px;}
.pageSystem .cont .left .tit::after{content: '';width: 36px;height: 3px;background-color: #f7f8f9;position: absolute;bottom: 0;left: 0;}
.pageSystem .cont ul{float: left;width: 880px;}
.pageSystem .cont ul li{width: 220px;height: 210px;float: left;padding: 30px 20px 0;box-sizing: border-box;border-left: 1px solid #eee;cursor: pointer;}
.pageSystem .cont ul li:nth-child(-n+4){border-bottom: 1px solid #eee;}
.pageSystem .cont ul li .number{font-size: 60px;color: #e5e8ec;font-family: BebasNeue;text-align: center;transition: all 0.6s ease;}
.pageSystem .cont ul li .text{	font-size: 16px;line-height: 24px;color: #333333;text-align: center;transition: all 0.6s ease;}
.pageSystem .cont ul .lw{width: 146px;}
.pageSystem .cont ul li:hover .number{color: #39ac37;}
.pageSystem .cont ul li:hover .text{color: #39ac37;}

/*pageLaboratory*/
.pageLaboratory{width: 100%;background-color: rgba(248,248,248,0.45);padding: 80px 0 60px;}
.pageLaboratory h5{font-size: 30px;font-weight: normal;color: #333;text-align: center;}
.pageLaboratory ul{width: 100%;margin-top: 40px;}
.pageLaboratory ul li{float: left;width: 390px;height: 240px;overflow:hidden;border: 3px solid #fff;cursor:pointer;box-sizing: border-box;margin: 0 15px 15px 0;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);}
.pageLaboratory ul li:nth-child(3n){margin-right: 0;}
.pageLaboratory ul li img{width: 390px;height: 240px;transition: all 0.6s ease;}
.pageLaboratory ul li:hover img{transform: scale(1.1);}

/*pageTest*/
.pageTest{width: 100%;background: url("../images/laboratory/laboratory_bg.png") bottom center no-repeat;padding: 80px 0 40px;}
.pageTest .contBox{float: left;width: 700px;margin-left: 20px;}
.pageTest .contBox h5{font-size: 30px;font-weight: normal;color: #333;}
.pageTest .contBox ul{width: 100%;margin-top: 30px;}
.pageTest .contBox ul li{position: relative;margin-bottom: 26px;}
.pageTest .contBox ul li .number{float: left;font-family: BebasNeue;font-size: 48px;line-height:48px;height:48px;color: #e5e8ec;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.pageTest .contBox ul li .cont{float: right;width: 650px;border-bottom: 1px solid #ddd;padding-bottom: 14px;}
.pageTest .contBox ul li .cont h6{font-size: 24px;font-weight: normal;color: #666666;}
.pageTest .contBox ul li .cont .txt{font-size: 16px;line-height: 24px;color: #999999;margin-top: 6px;}
.pageTest .contBox ul li:hover .number{color: #39ac37;}
.pageTest .contBox ul li:hover .cont h6,.pageTest .contBox ul li:hover .cont .txt{color: #39ac37;}
.pageTest .img{width: 380px;height: 480px;float: right;overflow: hidden;border: 3px solid #fff;margin-right: 20px;}
.pageTest .img img{width: 380px;height: 480px;}
.pageTest .box{display: table;margin: 80px auto 0;}
.pageTest .box dl{display: inline-block;position: relative;margin-right: 184px;}
.pageTest .box dl:last-child{margin-right: 0;}
.pageTest .box dl::after{content: '';width: 24px;height: 40px;background: url("../images/laboratory/icon_arrow.png") center center no-repeat;position: absolute;top: 42px;right: -104px;}
.pageTest .box dl:last-child::after{display: none;}
.pageTest .box dl dt{width: 120px;height: 120px;border-radius: 50%;border: 2px solid rgba(0,0,0,0.1);overflow: hidden;transition: all 0.6s ease;}
.pageTest .box dl .icon1{background: url("../images/laboratory/icon_laboratory1.png") center center no-repeat;}
.pageTest .box dl .icon2{background: url("../images/laboratory/icon_laboratory2.png") center center no-repeat;}
.pageTest .box dl .icon3{background: url("../images/laboratory/icon_laboratory3.png") center center no-repeat;}
.pageTest .box dl .icon4{background: url("../images/laboratory/icon_laboratory4.png") center center no-repeat;}
.pageTest .box dl:hover dt{border-color: #39ac37;background-color: #39ac37;}
.pageTest .box dl:hover .icon1{background-image: url("../images/laboratory/icon_laboratory11.png");}
.pageTest .box dl:hover .icon2{background-image: url("../images/laboratory/icon_laboratory21.png");}
.pageTest .box dl:hover .icon3{background-image: url("../images/laboratory/icon_laboratory31.png");}
.pageTest .box dl:hover .icon4{background-image: url("../images/laboratory/icon_laboratory41.png");}
.pageTest .box dl dd{font-size: 18px;line-height: 24px;color: #333333;width: 124px;text-align: center;margin-top: 16px;}
.pageTest .box dl:hover dd{color: #39ac37;}


/*pageType*/
.pageType{width: 100%;padding: 80px 0;background-color: #fff;}
.pageType h5{font-size: 30px;font-weight: normal;color: #333333;text-align: center;}
.pageType ul{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 40px;}
.pageType ul li{display: inline-block;vertical-align: top;width: 270px;background-color: #fff;margin-right:40px;height: 420px;max-height: 420px;cursor:pointer;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);}
.pageType ul li:last-child{margin-right: 0;}
.pageType ul li .img{width: 270px;height: 190px;overflow: hidden;}
.pageType ul li .img img{width: 100%;height: 100%;transition: all 0.6s ease;}
.pageType ul li h6{font-size: 18px;font-weight: normal;color: #333333;position: relative;padding:0 20px 0 34px;box-sizing: border-box;margin-top: 24px;}
.pageType ul li h6::after{content: '';width: 4px;height: 16px;background-color: #39ac37;position: absolute;top: 0;bottom: 0;left: 20px;margin: auto;}
.pageType ul li .txt{font-size: 14px;line-height: 24px;color: #999999;padding: 0 20px;box-sizing: border-box;margin-top: 15px;}
.pageType ul li:hover .img img{transform: scale(1.1);}
.pageType ul li:hover h6{color: #39ac37;}

/*pageRange*/
.pageRange{width: 100%;background-color: #fff;background-image: linear-gradient(rgba(255,255,255,0),rgba(57,172,55,0.15));padding: 80px 0;}
.pageRange h5{font-size: 30px;font-weight: normal;color: #333333;text-align: center;}
.pageRange .box{width: 100%;display: table;text-align: center;font-size: 0;margin-top: 40px;}
.pageRange .box dl{width: 220px;height: 310px;background-color: #fff;display: inline-block;vertical-align: top;margin-right: 25px;cursor: pointer;}
.pageRange .box dl:last-child{margin-right: 0;}
.pageRange .box dl dt{width: 90px;height: 90px;margin: 40px auto 30px;transition: all 0.6s ease;}
.pageRange .box dl .icon1{background: url("../images/restaurant/icon_range1.png") center center no-repeat;}
.pageRange .box dl .icon2{background: url("../images/restaurant/icon_range2.png") center center no-repeat;}
.pageRange .box dl .icon3{background: url("../images/restaurant/icon_range3.png") center center no-repeat;}
.pageRange .box dl .icon4{background: url("../images/restaurant/icon_range4.png") center center no-repeat;}
.pageRange .box dl .icon5{background: url("../images/restaurant/icon_range5.png") center center no-repeat;}
.pageRange .box dl .number{font-size: 48px;color: #39ac37;font-family: BebasNeue;position: relative;margin-bottom: 6px;padding-bottom: 6px;box-sizing: border-box;}
.pageRange .box dl .number::after{content: '';	width: 110px;height: 1px;background-color: rgba(0,0,0,0.08);position: absolute;;bottom: 0;left: 0;right: 0;margin: auto;}
.pageRange .box dl .tit{font-size: 20px;line-height: 36px;color: #333333;}
.pageRange .box dl:hover dt{transform: rotate(360deg);}
.pageRange .box dl:hover .tit{color: #39ac37;}

/*pageManagement*/
.pageManagement{width: 100%;background-color: #fff;padding: 80px 0;}
.pageManagement h5{font-size: 30px;font-weight: normal;color: #333333;text-align: center;}
.pageManagement .tit{font-size: 24px;line-height: 24px;color: #39ac37;border-bottom: 1px solid #eee;padding-bottom: 20px;margin: 40px 0 20px;}
.pageManagement .img{float: left;width: 600px;height: 380px;overflow: hidden;}
.pageManagement .img img{width: 600px;height: 380px;}
.pageManagement .cont{float: right;width: 560px;}
.pageManagement .cont h6{font-size: 22px;line-height: 24px;color: #333333;font-weight: normal;margin: 14px 0;}
.pageManagement .cont .txt{font-size: 16px;line-height: 24px;color: #999999;margin-bottom: 24px;}

/*pageStrength*/
.pageStrength{width: 100%;background-color: #f8f8f8;padding: 80px 0;}
.pageStrength .tit{font-size: 24px;line-height: 24px;color: #39ac37;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom:60px;}
.pageStrength .img{width: 570px;height: 330px;overflow: hidden;float: right;}
.pageStrength .img img{width: 570px;height: 330px;}
.pageStrength .cont{width: 590px;float: left;}
.pageStrength .cont h6{font-size: 22px;line-height: 24px;color: #333333;font-weight: normal;margin: 40px 0 30px;}
.pageStrength .cont .txt{font-size: 16px;line-height: 30px;color: #999999;}
.pageStrength .cont .txt p{}

/*pageCanteen*/
.pageCanteen{width: 100%;background-color: #fff;padding: 100px 0 80px;}
.pageCanteen h5{font-size: 22px;font-weight: normal;color: #333333;text-align: center;}
.pageCanteen .box{width: 100%;border-radius: 6px;border: dashed 1px rgba(99,150,181,0.27);box-sizing: border-box;position: relative;margin-top: 60px;}
.pageCanteen .box .title{background-color: rgba(99,150,181,0.08);border-radius: 6px 0 0 6px;width: 80px;position: absolute;left: 0;top: 0;height: 100%;z-index: 2;}
.pageCanteen .box .title p{font-size: 24px;line-height: 24px;color: #6397b4;height: 100%;text-align: center;writing-mode: vertical-lr;writing-mode: tb-lr;position: absolute;left: 50%;transform: translateX(-50%);}
.pageCanteen .box .cont{float: right;width: 1120px;position: relative;}
.pageCanteen .box .cont .tit{font-size: 20px;line-height: 24px;color: #6397b4;width: 80px;height:48px;text-align: center;float: left;padding-left: 30px;position: absolute;top: 0;bottom: 0;left:0 ;margin: auto;}
.pageCanteen .box .cont ul{float: left;width: 980px;margin-top: 20px;margin-left: 140px;}
.pageCanteen .box .cont ul li{float: left;width: 130px;border-radius: 6px;border: dashed 1px #6397b4;box-sizing: border-box;margin:0 36px 20px 0;font-size: 18px;line-height: 20px;padding: 17px 0;color: #6397b4;text-align: center;transition: all 0.6s ease;cursor: pointer;}
.pageCanteen .box .cont ul li:nth-of-type(6n){margin-right: 0;}
.pageCanteen .box .cont1{border-top:dashed 1px rgba(99,150,181,0.27);}
.pageCanteen .box .cont1 .tit{height:24px;}
.pageCanteen .box .cont1 ul li{width: 170px;margin-right: 58px;}
.pageCanteen .box .cont ul li:hover{background-color: #6397b4;color: #FFFFFF;}
.pageCanteen .box1{border: dashed 1px rgba(94,197,255,0.27);margin-top: 28px;width: 100%;border-radius: 6px;box-sizing: border-box;position: relative;}
.pageCanteen .box1 .title{background-color: rgba(94,197,255,0.08);border-radius: 6px 0 0 6px;width: 80px;position: absolute;left: 0;top: 0;height: 100%;}
.pageCanteen .box1 .title p{font-size: 24px;color: #5ec5ff;height: 100%;text-align: center;writing-mode: vertical-lr;writing-mode: tb-lr;position: absolute;left: 50%;transform: translateX(-50%);}
.pageCanteen .box1 ul{float: right;width: 1120px;margin-top: 20px;padding-left: 30px;box-sizing: border-box;}
.pageCanteen .box1 ul li{float: left;border-radius: 6px;border: dashed 1px #5ec5ff;box-sizing: border-box;margin:0 32px 20px 0;font-size: 18px;line-height: 20px;padding: 17px 14px;color: #5ec5ff;text-align: center;transition: all 0.6s ease;cursor: pointer;}
.pageCanteen .box1 ul li:hover{background-color: #5ec5ff;color: #FFFFFF; }

/*pageTeam*/
.pageTeam{width: 100%;height:470px;padding: 60px 0;box-sizing: border-box;background: url("../images/restaurant/team_bg.jpg") center center no-repeat;}
.pageTeam .img{width: 600px;height: 350px;overflow: hidden;float: left;}
.pageTeam .img img{width: 600px;height: 350px;}
.pageTeam .cont{width: 540px;float: right;}
.pageTeam .cont h6{font-size: 22px;line-height: 24px;color: #333333;font-weight: normal;margin: 40px 0 30px;}
.pageTeam .cont .txt{font-size: 16px;line-height: 30px;color: #999999;}

/*pageFleet*/
.pageFleet{width: 100%;height: 510px;background-color: #ddd;position: relative;}
.pageFleet .img{width: 50%;height: 510px;position: absolute;top: 0;right: 0;}
.pageFleet .cont{width: 540px;padding-top: 120px;box-sizing: border-box;}
.pageFleet .cont h4{font-size: 22px;font-weight: normal;color: #333333}
.pageFleet .cont .txt{font-size: 16px;line-height: 24px;color: #999999;margin-top: 16px;}
.pageFleet .cont .box{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 60px;}
.pageFleet .cont .box dl{width: 33.3333%;display: inline-block;vertical-align: top;}
.pageFleet .cont .box dl dt{font-size: 48px;font-weight: normal;color: #39ac37;}
.pageFleet .cont .box dl dt b{font-weight: normal;}
.pageFleet .cont .box dl dt span{font-size: 16px;color: #39ac37;}
.pageFleet .cont .box dl dd{font-size: 16px;color: #999999;}

/*pageIncrement*/
.pageIncrement{background-color: #fff;padding: 80px 0;}
.pageIncrement .tit{font-size: 24px;line-height: 24px;color: #39ac37;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;}
.pageIncrement ul li{height: 380px;position: relative;}
.pageIncrement ul li:nth-of-type(2n-1) .img{float: left;}
.pageIncrement ul li:nth-of-type(2n) .img{float: right;}
.pageIncrement ul li .img{width: 600px;height: 380px;overflow: hidden;}
.pageIncrement ul li .img img{width: 600px;height: 380px;transition: all 0.6s ease;}
.pageIncrement ul li .cont{width: 560px;margin-top: 110px;}
.pageIncrement ul li .cont h6{font-size: 22px;line-height: 24px;color: #333333;font-weight: normal;margin: 0 0 30px;}
.pageIncrement ul li .cont .txt{font-size: 16px;line-height: 30px;color: #999999;}
.pageIncrement ul li:nth-of-type(2n-1) .cont{float: right;}
.pageIncrement ul li:nth-of-type(2n) .cont{float: left;}
.pageIncrement ul li:hover .img img{transform: scale(1.1);}
.pageIncrement ul li:hover .cont h6{color: #39ac37;}

/* pageResult */
.pageResult{ width: 100%; padding: 60px 0;}
.pageResult .name{ width: 100%;  text-align: center; display: table; font-size: 0; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 20px; vertical-align: top;}
.pageResult .name i{ width: 52px; height: 52px; background: url(../images/ResultIcon.png) center center no-repeat;}
.pageResult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageResult .img{ width: 260px; height: 215px; margin:40px auto; background: url(../images/ResultImg.png) center center no-repeat;}
.pageResult .slogan{ width: 100%; text-align: center; font-size: 28px; color: #333; line-height: 46px;}
.pageResult .more{ width: 100%; text-align: center; margin: 40px  auto; display: table; font-size: 0;  }
.pageResult .more a{display: inline-block; margin: 0 20px; line-height: 50px; width: 260px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #fff;}
.pageResult .more a:nth-child(1){ background-color: #39ac37;}
.pageResult .more a:nth-child(2){ background-color: #333;}
.pageResult .more a:hover{ background-color: #39ac37;}


/* wuguanInfo */
.wuguanInfo{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.wuguanInfo .tit{ text-align: center; font-size: 30px; color: #333;}
.wuguanInfo .text{ text-align: center; margin-top: 40px; font-size: 16px; color: #333; line-height: 36px;}
.wuguanInfo ul{ text-align: center; margin-top: 40px;}
.wuguanInfo ul li{ display: inline-block; vertical-align: top; position: relative;}
.wuguanInfo ul li .t{ font-size: 60px;color: #39ac37; line-height: 50px; font-family:'BebasNeue'; letter-spacing: 3px;}
.wuguanInfo ul li .t em{display: inline-block; vertical-align: middle; margin-right: 5px; width: 50px; height: 50px;}
.wuguanInfo ul li .t b{font-size: 60px;color: #39ac37; line-height: 50px; font-family:'BebasNeue'; letter-spacing: 3px;}
.wuguanInfo ul li .t span{font-size: 18px;color: #39ac37; margin-left: 5px; font-weight: normal;  letter-spacing: 0;}
.wuguanInfo ul li .txt{font-size: 16px;color: #999; }
.wuguanInfo ul li:nth-child(1) .t em{ background: url(../images/wuguan/icon01.png) center no-repeat; background-size: 100%;}
.wuguanInfo ul li:nth-child(2) .t em{ background: url(../images/wuguan/icon02.png) center no-repeat; background-size: 100%;}
.wuguanInfo ul li:nth-child(2){ padding: 0 60px; margin: 0 60px;}
.wuguanInfo ul li:nth-child(2)::after{ content: ''; position: absolute; left: 0; top: 5%; height: 90%; width: 1px; background-color: #eee;}
.wuguanInfo ul li:nth-child(2)::before{ content: ''; position: absolute; right: 0; top: 5%; height: 90%; width: 1px; background-color: #eee;}
.wuguanInfo ul li:nth-child(3) .t em{ background: url(../images/wuguan/icon03.png) center no-repeat; background-size: 100%;}

/* wuguanSlogan */
.wuguanSlogan{ width: 100%; position: relative; overflow: hidden; background: rgba(57,172,55,0.06);}
.wuguanSlogan .img{ width: 50%; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; background: url(../images/wuguan/sloganImg.jpg) center no-repeat; background-size: cover;}
.wuguanSlogan .c1200{ position: relative; z-index: 2;}
.wuguanSlogan .box{ float: right; width: 50%; box-sizing: border-box; padding: 60px 0 60px 40px;}
.wuguanSlogan .box .tit{font-size: 30px; color: #333; line-height: 48px;}
.wuguanSlogan .box .text{  margin-top: 30px; font-size: 16px; color: #333; line-height: 34px;}

/* wuguanData */
.wuguanData{ width: 100%; padding: 80px 0; position: relative;}
.wuguanData .c1200{ font-size: 0;}
.wuguanData .text{ display: inline-block; vertical-align: middle; width: 50%;}
.wuguanData .text p{ font-size: 22px; color: #333; line-height: 46px;}
.wuguanData ul{ display: inline-block; vertical-align: middle; width: 50%; border-left: solid 1px #eee; box-sizing: border-box; padding-left: 100px;}
.wuguanData ul li{ width: 50%; display: inline-block; vertical-align: top; padding: 20px 0;}
.wuguanData ul li .t{ font-size: 56px;color: #333; line-height: 40px; font-family:'BebasNeue'; letter-spacing: 3px; position: relative;}
.wuguanData ul li .t::after{ content: ''; position: absolute; left: 0; bottom: 4px; z-index: -1;}
.wuguanData ul li:nth-child(1) .t::after{width: 0px;  height: 0px; border-top: 15px solid transparent;  border-left: 30px solid #39ac37;  border-bottom: 15px solid transparent;  }
.wuguanData ul li:nth-child(2) .t::after{ width: 30px; height: 30px; background-color: #39ac37; border-radius: 50%;}
.wuguanData ul li:nth-child(3) .t::after{ width: 30px; height: 30px; background-color: #39ac37; }
.wuguanData ul li .t b{font-size: 56px;color: #333; line-height: 40px; font-family:'BebasNeue'; letter-spacing: 3px;}
.wuguanData ul li .t span{font-size: 18px;color: #333; margin-left: 5px; font-weight: normal;  letter-spacing: 0;}
.wuguanData ul li .txt{font-size: 16px;color: #999; }

/*wuguanServe*/
.wuguanServe{width: 100%; padding: 80px 0;  background: url("../images/wuguan/serveBg.jpg") center center no-repeat fixed;box-sizing: border-box;position: relative;}
.wuguanServe .item{ width: 100%; font-size: 0;}
.wuguanServe .item .text{ display: inline-block; vertical-align: middle; box-sizing: border-box;  width: 700px;position: relative; color: #fff; position: relative;}
.wuguanServe .item .text::after{ content: ''; width: 40px; height: 30px; position: absolute; top: 50%;  margin-top: -15px; background: url(../images/wuguan/serveIcon.png) center no-repeat; background-size: 40px 30px;}
.wuguanServe .item .text .tit{ font-size: 30px;}
.wuguanServe .item .text .txt{ margin-top: 20px; font-size: 16px;  line-height: 36px;}
.wuguanServe .item:nth-child(1) .text{ margin-right: 212px; padding-right: 170px;}
.wuguanServe .item:nth-child(1) .text::after{ right: 0;}
.wuguanServe .item:nth-child(2) .text{ margin-left: 212px; padding-left: 170px;}
.wuguanServe .item:nth-child(2) .text::after{ left: 0; transform: rotate(180deg);}
.wuguanServe .item .img{display: inline-block; vertical-align: middle; width: 288px;}
.wuguanServe .item .img img{ width: 100%; display: block;}

/* wuguanActivity */
.wuguanActivity{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.wuguanActivity .tit{ text-align: center; font-size: 30px; color: #333;}
.wuguanActivity .text{ text-align: center; margin-top: 40px; font-size: 16px; color: #333; line-height: 36px;}
.wuguanActivity .list{ width: 100%; margin-top: 40px;}
.wuguanActivity .list .item{ float: left;  width: 386px; position: relative; margin-left: 21px;}
.wuguanActivity .list .item:first-child{ margin-left: 0;}
.wuguanActivity .list .item .img{ width: 100%; position: relative; z-index: 1;}
.wuguanActivity .list .item .img img{ width: 100%; display: block;}
.wuguanActivity .list .item .con{ position: absolute; top: 50%; left: 50%; text-align: center; z-index: 2; transform: translate(-50%,-50%);}
.wuguanActivity .list .item .con .icon{ display: inline-block; width: 40px; height: 40px; margin: auto; background-size: 40px 40px !important; }
.wuguanActivity .list .item .con .t{ font-size: 24px; color: #fff; margin-top: 10px; }
.wuguanActivity .list .item:nth-child(1) .con .icon{ background: url(../images/wuguan/adv_icon01.png) center no-repeat;}
.wuguanActivity .list .item:nth-child(2) .con .icon{ background: url(../images/wuguan/adv_icon02.png) center no-repeat;}
.wuguanActivity .list .item:nth-child(3) .con .icon{ background: url(../images/wuguan/adv_icon03.png) center no-repeat;}

/* wuguanHonor */
.wuguanHonor{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/wuguan/honorBg.jpg) center no-repeat; background-size: cover;}
.wuguanHonor .c1200{ font-size: 0;}
.wuguanHonor .list{ width: 640px; display: inline-block; vertical-align:  middle;}
.wuguanHonor .list li{ float: left; width: 315px; margin: 0 0 0 10px; box-sizing: border-box; border: solid 4px #fff;}
.wuguanHonor .list li img{ width: 100%; display: block;}
.wuguanHonor .list li:nth-child(2n-1){ margin-left: 0;}
.wuguanHonor .list li:nth-child(1),.wuguanHonor .list li:nth-child(2){ margin-bottom: 10px;}
.wuguanHonor .text{ width: 470px; margin-left: 80px; display: inline-block; vertical-align:  middle; position: relative; font-size: 16px; color: #333; line-height: 36px; padding: 20px 0;}
.wuguanHonor .text::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #39ac37;}


/* wuguanIdea */
.wuguanIdea{ width: 100%; padding: 150px 0; overflow: hidden; position: relative; background: url(../images/wuguan/adv_iconbg.png) center no-repeat;}
.wuguanIdea .tit{ text-align: center; font-size: 30px; color: #333;}
.wuguanIdea .text{ text-align: center; margin-top: 40px; font-size: 16px; color: #333; line-height: 38px;}

/* fenye */
.pages{ margin:40px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#39ac37;  border:1px solid #39ac37; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#39ac37; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}